﻿<%@ Page Title="Student Enrollment Form" Language="C#" MasterPageFile="~/admin/adminmaster.master" AutoEventWireup="true" CodeFile="srf.aspx.cs" Inherits="admin_srf" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<style type="text/css">
  .ui-datepicker-trigger {
    background: url("../../images/arrows_sprite.png") no-repeat scroll 0 -25px transparent;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    margin: 0 2px;
    padding: 1px 7px;
    width: 20px;
}
</style>
<div id="page-wrapper">
        <div id="main-wrapper">
            <div id="main-content">
            <div class="other-box yellow-box ui-corner-all">
                    <div class="cont  ui-corner-all">
                        <h3>
                            Note !</h3>
                        <p>
                            <span style="margin-left:5%">Fields which are mark with (<span style="color:Maroon">&nbsp;*&nbsp;</span>) are required.</span></p>
                    </div>
                </div>
                <div class="page-title ui-widget-content ui-corner-all">
                    <h1>
                        Student Enrollment Form</h1>
                    <div class="other">
                      <%--  <span style="color: #666">From Date:</span> <span>
                            <input type="text" id="txtCRFromDate" class="input-tran" style="width: 80px;" /></span>
            <span style="color: #666">To Date:</span> <span>
                <input type="text" id="txtCRToDate" class="input-tran" style="width: 80px;" /></span>
            <span>--%>
                        <div class="formleft" style="margin-left:0.5%">
                        <ul>
                                    <li>
                                        <label class="desc">
                                            Name<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" name="" id="txt_SName" class="field text full" value="" onkeypress="return CheckCharacters(event);" maxlength="255" tabindex="1" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                           Gender 
                                        </label>
                                        <div class="errordiv">
                                            <select id="ddl_Gender" name="" tabindex="4">
                                            <option value=""></option>
                                            <option value="M">Male</option>
                                            <option value="F">Female</option>
                                            </select>
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                     <li>
                                        <label class="desc">
                                            Incharge Teacher<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" name="" id="txt_InchrgeTeacher" class="field text full" value="" onkeypress="return CheckCharacters(event);" maxlength="255" tabindex="7" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                   
                                    
                                </ul>
                        </div >
                        <div class="formleft">
                        <ul>
                                    <li>
                                        <label class="desc">
                                           Preferred Name
                                        </label>
                                        <div class="errordiv">
                                            <input type="text"  id="txt_PrefName" name="" class="field text full" value="" onkeypress="return CheckCharacters(event);"  maxlength="255" tabindex="2" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                            Nationality
                                        </label>
                                        <div class="errordiv">
                                            <select id="ddl_Nationality" name="" tabindex="5">
                                            <option value=""></option>
                                            <option value="Afghanistan">Afghanistan</option>
                                            <option value="Pakistan">Pakistan</option>
                                            <option value="India">India</option>
                                            <option value="China">China</option>
                                            <option value="Other">Other</option>
                                            </select>
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                     

                                    
                                </ul>
                        </div >
                        <div class="formleft" style="margin-right:0%;">
                        <ul>
                                    <li>
                                        <label class="desc">
                                            Birth Date<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <span><input type="text" id="txt_DOB" name="" class="hasDatepicker" value="" onkeypress="return keyRestrict2(event,'0123456789/')" maxlength="20" tabindex="3" /></span>
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                            Grade<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                             <select id="ddl_Grade" name="" tabindex="6">
                                             <option value=""></option>
                                            <option value="Montessori">Montessori</option>
                                            <option value="Grade1">Grade1</option>
                                            <option value="Grade2">Grade2</option>
                                            <option value="Grade3">Grade3</option>
                                            <option value="Grade4">Grade4</option>
                                            <option value="Grade5">Grade5</option>
                                            <option value="Grade6">Grade6</option>
                                            <option value="Grade7">Grade7</option>
                                            <option value="Grade8">Grade8</option>
                                            <option value="Grade9">Grade9</option>
                                            <option value="Grade10">Grade10</option>
                                            </select>
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                   
                                    
                                </ul>
                        </div >
                        
                        <div class="clearfix">
                        </div>
                     
                    </div>
                </div>
               


                   <div class="page-title ui-widget-content ui-corner-all">
                    <div class="other">
                     
                        <div class="formleft" style="margin-left:0.5%">
                        <ul>
                                    <li>
                                        <label class="desc">
                                            Address<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <textarea cols="35" rows="4" id="txt_Address" runat="server" tabindex="8"></textarea>
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                          
                                        </label>
                                        <div class="errordiv">
                                           
                                           
                                        </div>
                                    </li>
                                     <li><br /><br />
                                        <label class="desc">
                                            City
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_City" name="" class="field text full" value="" onkeypress="return CheckCharacters(event);"  maxlength="255" tabindex="13" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                      <li>
                                        <label class="desc">
                                            Country
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_Country" name="" class="field text full" value=""  onkeypress="return CheckCharacters(event);" maxlength="255" tabindex="16" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                        </div >
                        <div class="formleft">
                        <ul>
                                    <li>
                                        <label class="desc">
                                           Home Phone<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_HPhone" name="" class="field text full" value="" onkeypress="return keyRestrict2(event,'0123456789-')" maxlength="15" tabindex="9" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                            Fax
                                        </label>
                                        <div class="errordiv">
                                          <input type="text" id="txt_Fax" name="" class="field text full" value="" onkeypress="return keyRestrict2(event,'0123456789-')" maxlength="255" tabindex="11" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                      <li>
                                        <label class="desc">
                                            State
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_State" name="" class="field text full" value=""  onkeypress="return CheckCharacters(event);" maxlength="255" tabindex="14" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>

                                    
                                </ul>
                        </div >
                        <div class="formleft" style="margin-right:0%;">
                        <ul>
                                    <li>
                                        <label class="desc">
                                            Cell Phone<span style="color:Maroon">&nbsp;*</span>
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_CPhone" name="" class="field text full" value="" onkeypress="return keyRestrict2(event,'0123456789-')" maxlength="15" tabindex="10" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                            Email
                                        </label>
                                        <div class="errordiv">
                                             <input type="text" id="txt_Email" name="" class="field text full" onkeypress="return keyRestrict2(event,'abcdefghijklmnopqrstuvwxyz0123456789._@')" value="" maxlength="255" tabindex="12" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    <li>
                                        <label class="desc">
                                            Zip
                                        </label>
                                        <div class="errordiv">
                                            <input type="text" id="txt_Zip" name="" class="field text full" value="" onkeypress="return keyRestrict2(event,'0123456789')" maxlength="10" tabindex="15" />
                                            <span class="errorspan" style = "display:none">Error message example ...</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                        </div >
                       
                        <div class="clearfix">
                        </div>
                        <div class="buttonheight">
                        <div class="button float-right" style="margin-right:0.5%">
                            <a class="btn ui-state-default" onclick="EnrollStudent()" href="#" tabindex="16"><span class="ui-icon ui-icon-circle-plus"></span>
                                Enroll</a>
                        </div>
                        <div class="button float-right">
                            <a class="btn ui-state-default" onclick="ClearForm()" href="#" tabindex="17"><span class="ui-icon ui-icon-circle-plus"></span>
                                Clear</a>
                        </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="clearfix">
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //--------------------------------
        //    function applyDateCalenderClinicalMeasure() {
        //        $('#txtCRFromDate').datepicker({
        //            changeMonth: true,
        //            changeYear: true,
        //            showOn: "button",
        //            yearRange: "1950:+10"
        //        });
        //        $('#txtCRToDate').datepicker({
        //            changeMonth: true,
        //            changeYear: true,
        //            showOn: "button",
        //            yearRange: "1950:+10"
        //        });
        //    }
</script>    
    <script src="../../js/admin/studentenrollment.js" type="text/javascript"></script>
</asp:Content>

